// pages/DetectChange/DetectChange.js
var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');
var qqmapsdk = new QQMapWX({
    key: 'F3IBZ-UCCCX-YKK4W-ZOJCD-W5XEQ-CNFA7'
});

Page({

    /**
     * 页面的初始数据
     */
    data: {
      latitude: null,    //纬度
      longitude: null,    //经度
      location:'',
      markers:[],
      locationName:''
    },
    // 检测人员变更
    goto_jcry(){
        wx.navigateTo({
            url: '/pages/Jcrylist/Jcrylist'
            })
    },
    // 检测日期变更
    goto_jcrq(){
        wx.navigateTo({
            url: '/pages/Jcrqlist/Jcrqlist'
            })
    },
 
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
      // 地图调用
      // this.getLocation()
    },
    getLocation() {
      let _this = this
      wx.getLocation({  // 调用微信小程序的wx.getLocation获取当前的经纬度
        type: 'gcj02',
        success(res) {
          const latitude = res.latitude
          const longitude = res.longitude
          _this.setData({
            latitude: res.latitude,
            longitude: res.longitude
          })
          // 逆地址解析
          qqmapsdk.reverseGeocoder({
            location: {
              latitude,
              longitude
            },
            success(res) {
              _this.setData({
                location: res.result.address_component.city
              })
            },
          })
        },fail(res){//未授权地理位置处理
          wx.showModal({
            title: '请授权',
            content: '若未授权地理位置,您将不能正常使用导航功能',
            confirmText:"授权",
            success (res) {
              if (res.confirm) {
                console.log('用户点击确定')
                wx.openSetting({//跳转设置授权界面
                })
              } else if (res.cancel) {
                console.log('用户点击取消')
              }
            }
          })
        }
      })
    },
    changecontent(e){
      console.log(e)
      let info =e.currentTarget.dataset.info
      this.setData({
        locationName: info.title,
        latitude:info.latitude,
        longitude:info.longitude,
      })
      wx.openLocation({
        latitude: info.latitude,
        longitude: info.longitude,
      })
    },
    // 点击地图导航
    click(){
    
    },
    syncInputValue: function(e){
      console.log(e,'1')
      this.setData({
        locationName: e.detail.value
      })
      this.nearby_search()
    },
    // 事件触发，调用接口
nearby_search:function(){
  var _this = this;
  let location=[this.data.latitude,this.data.longitude].toString()
  // 调用接口
  qqmapsdk.search({
     keyword: _this.data.locationName,  //搜索关键词
     region:'厦门市',//指定地区名称，不自动扩大范围
     auto_extend:0,// 1：[默认]自动扩大范围；0:不自动扩大范围
     page_size:20,//数据每页返回数量
     location:location ||`${_this.data.latitude},${_this.data.longitude}`,  //设置周边搜索中心点
     success: function (res) { //搜索成功后的回调
       var mks = []
       for (var i = 0; i < res.data.length; i++) {
         mks.push({ // 获取返回结果，放到mks数组中
           title: res.data[i].title,
           id: res.data[i].id,
           latitude: res.data[i].location.lat,
           longitude: res.data[i].location.lng,
           iconPath: "../../static/img/chaxun.png", //图标路径
           width: 20,
           height: 20
         })
       }
       _this.setData({ //设置markers属性，将搜索结果显示在地图中
         markers:_this.data.locationName?mks:[]
       })
     },
     fail: function (res) {
       console.log('报错',res);
      //  查询报错后 清空已存在的查询返回数据
       _this.setData({
        markers:[]
      })
     },
     complete: function (res){
       console.log(res);
     }
 });
},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})